<template>
	<div class="box">
		<head-page title="我的" backUrl="/my">
			<img src="../../assets/user.png" alt="" />
		</head-page>
		<div class="bottom">
			<van-swipe
				class="my-swipe"
				:autoplay="3000"
				indicator-color="white"
			>
				<van-swipe-item v-for="(item, index) in pic" :key="index">
					<img :src="getImgUrl(item.posterUrl)" alt="" />
				</van-swipe-item>
			</van-swipe>
			<div class="center richText" v-html="list.mineText"></div>
		</div>
	</div>
</template>

<script>

import { mainTitle } from "@/api/index"
export default {
	data() {
		return {
			list: "",
			pic: []
		}
	},
	methods: {
		getImgUrl(img) {
			return this.montageImgUrl(img)
		},
	},
	mounted() {
		//点击标题查看详情
		mainTitle({
			mineTitle: this.$route.query.i
		}).then((res) => {
			if (res.data.code == 200) {
				// console.log(res.data.data);
				this.list = res.data.data
				this.pic = this.list.minePic.split(',')
			}
		})
	}
}
</script>

<style scoped >
.box {
	width: 100%;
	height: 100%;
}
/* 底部区域 */
.bottom {
	width: 100%;

	display: flex;
	justify-content: center;
}
/* 版心区域 */
.center {
	width: 98%;
	margin-top: 0.05rem;
}
h3 {
	height: 0.3rem;
	line-height: 0.3rem;
	font-size: 0.2rem;
}
/* 头标区域 */
.top h3 img {
	width: 0.24rem;
	margin-right: 0.05rem;
}
p {
	font-weight: 700;
	margin-top: 0.05rem;
	padding-top: 0.1rem;
}
p:nth-child(1) {
	padding-top: 0;
}
</style>